<template>
	<view>
		<view class="bditem">
			<view>单位名称</view>
			<view>{{jgxq.jg_qy}}</view>
		</view>
		<view class="bditem">
			<view>监管人员</view>
			<view>{{jgxq.jg_renyuan}}</view>
		</view>
		<view class="bditem">
			<view>监管类型</view>
			<view>{{jgxq.jg_leixing}}</view>
		</view>
		<view class="bditem">
			<view>监管时间</view>
			<view>{{jgxq.jg_time}}</view>
		</view>
		<view class="bditem" style="border-left: none;border-right: none;">
			<view>监管类容</view>
		</view>
		<view class="bditem" style="height: 404rpx;border-bottom: 1px solid #E4E4E4;">
			{{jgxq.jg_neirong}}
		</view>
		<view style="padding: 20rpx 30rpx;">附件</view>
		<view style="padding: 20rpx 30rpx;">
			<image src="../../static/imglq/xn.jpg" mode="scaleToFill"></image>
		</view>
		
	</view>
</template>

<script>
	import {reactive,toRefs,onMounted} from 'vue'
	import {useStore} from 'vuex';
	export default {
		setup(){
			const store=useStore();
			let data = reactive({
				jgxq:{}
			})
			onMounted(()=>{
				data.jgxq=store.state.slapp.yshjg
			})
			return {...toRefs(data)}
		}
	}
</script>

<style lang="scss">
	.bditem {
		color: #666666;
		padding: 20rpx 30rpx;
		width: 360*2rpx;
		margin: 0 auto;
		box-sizing: border-box;
		display: flex;
		border: 1px solid #E4E4E4;
		border-bottom: none;
		view {
			display: flex;
			align-items: center;
		}

		&>view:first-child {
			text-align: center;
			width: 130rpx;
			margin-right: 80rpx;
		}

		&>view:last-child {
			font-size: 30rpx;
		}
		&:last-child{
			border-bottom: 1px solid #E4E4E4;
		}
	}
	image{
		width: 204rpx;
		height: 208rpx;
	}
</style>
